body {
	background:#555;
  color:#FFF;
/*	background:#d0d0d0;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:4px;
}

a {
	text-decoration:underline;
/*	font-weight:bold;*/
/*	color:#606888;*/
  color:#ffda1b;
}

a:hover {
	text-decoration:none;
  color:#33FFFF;
}

a img {
	border:none;
}

h1 {
	color:#333;
	margin:0 0 .5em;
	font-size:20px;
}

h1 a {
	color:#000;
	text-decoration:none;
}

h2 {
	font-size:14px;
	margin:1em 0 1em 0;
}

h3 {
	font-weight:bold;
	font-size: 12px;
  color:#ffda1b;
/*  padding:5px;
  margin-right:5px;
  background:#FFC;
  border-top:2px solid #CC9;
  border-bottom: 2px solid #CC9;*/
}

#banner {
  background:#222;
}

#banner_title {
	color:#ffda1b;
  background:#222;
  text-align:right;
  float:left;
  width:150px;
	padding:.5em 0 .5em 0;
	font-size:30px;
  font-weight:bold;
  border:0px solid #066;
}

#logo {
  background:#222;
  margin-left:170px;
	padding:.5em 0 .5em 0;
}

#main-nav {
  padding:0;
  height:1em;
  background-image:url(/images/main-nav-bg.gif);
  background-repeat:repeat-x;
/*  background-color:#3860A8;*/
/*  background-color:#ffda1b;*/
}

#main-nav ul {
	margin:0;
	padding-left:0;
	clear:both;
}

#main-nav li {
  float:left;
	list-style-type:none;
	margin-right:2px;
	padding:.3em 0 .3em 0;
  text-align:center;
  background-color: #555;
	font-size:13px;
	font-weight:bold;
  width:90px;
  min-width:90px;
}

#main-nav a{
  color:#ffed2b;
}

#current_user {
/*  background-color:#3860A8;*/
  background-color:#ffda1b;
  color:#222;
  text-align:right;
	padding:5px 20px 5px 5px;
  background-image:url("/images/main-nav-bg.gif");
  background-repeat:repeat-x;
}

#current_user a{
  color:#222;
  font-weight:bold;
}

#side-bar {
  float:left;
  width:170px;
  height:620px;
/*  
	border:1px solid #FFF;
  color:#FFF;
  background:#3860A8;
*/
}

.slide_div {
  width:200px;
  height:200px;
}

#slide {
  overflow:hidden;
  vertical-align:middle;
/*	border:1px solid #FFF;*/
}

#page {
	margin-left:170px;
  padding:10px;
  height:600px;
/*	border:1px solid #FFF;*/
}


fieldset {
	border: none;
}

label {
	display:block;
	font-weight:bold;
	margin:.8em 0 .2em 0;
}

#spinner {
	float: right;
	margin: 10px;
}

#photo img{
/*	border: 1px solid #FFF;*/
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}

.photo_thumbnail {
  float:left;
  width:150px;
  height:150px;
  margin-bottom:10px;
}

.thumbnail img {
/*	border: 1px solid #FFF;*/
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
	margin:0 0 5px 0;
/*  padding:1px;
  background-color:#FFF;*/
}

.user_item {
  padding:.25em 0 0 0
}

#user_photos {
  clear:left;
}


#user_critiques td{
/*  padding:0 1em 0 0;*/
}


#albums, #admin, #recent_posts {
/*	float:left;*/
	clear:both;
/*	width: 210px;*/
  background-color:#FFF;
}

#albums ul, #admin ul {
	margin:0;
	padding:0;
	clear:both;
}

#albums ul li, #admin ul li {
  float:left;
	list-style-type:none;
	margin:5px 5px 5px 0;
	background-color:#666;
/*	width:120px;*/
}

#albums img, #admin img {
	vertical-align:middle;
}

#albums a, #admin a, #image_destroy a {
	color:#FFF;
	padding:5px;
	text-decoration:none;
	display:block;
}

#albums a:hover, #admin a:hover {
	background-color:#000;
}

.album-active {
	background:#000 !important;
}

#image_destroy a:hover {
	background-color: #900;
}

.image_destroy_active {
	background:#900 !important;
}

#commands {
	margin-left:0px;
}

#commands a {
  color:#000;
	display:inline;
}

#commands a.desctructive:hover {
  background-color:#900;
}

#albums a:hover {
	color:#fff;
}

#login_link {
  padding-top:2em;
}

#login_link a {
  display:inline;
	color:#333;
}

#login_link a:hover {
	background:none;
  color:#000;
}

#login_password input {
  width:130px;
}

#login {
/*	position:absolute;
	top:50%;
	left:50%;
	margin: -100px -100px;
	background: #AAA;
	border:4px solid #333;*/
	padding:10px;
}

#signup_link {
	text-align:right;
}

#new_photo input{
  font-family:monospace;
  width:400px;
}   

.subsection h2 {
	font-size:13px;
	margin:2em 0 .5em 0;
  padding-bottom: 2px;
  border-bottom: 2px solid #808080;
}

.list_item_seperator {
	margin:1em 0 .5em;
  border-bottom: 1px solid;
  color: #bbb;
}

.row_header {
  width:120px;
  font-weight:bold;
}

.critique_reply_class1 {
  background:#4a4a4a;
	margin-top:5px;
  margin-right:15px;
  padding:10px 10px 10px 0;
  word-wrap:break-word;
}

.critique_reply_class0 {
	margin-top:5px;
  margin-right:15px;
  padding:10px 10px 10px 0;
  word-wrap:break-word;
}

.critique_reply_link {
  margin-bottom:15px;
}

#critiques_list {
  word-wrap:break-word;
}

#ratings_list tr td{
  height:2em;
}

#critique_rating_up{
}

#critique_rating_down{
  background:#4a4a4a;
}

.rate_symbol {
  float:left;
  width:128px;
  padding:.5em 0 .5em 0;
  clear:left;
}

.rate_from {
  margin-left:128px;
  padding:.5em 0 .5em 0;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}

#footer {
/*	margin-top:100px;
  padding-right:20px;*/
	text-align:center;
  clear:both;
}

.fieldWithErrors  {
  border-left:6px solid #900;
  padding-left:2px;
}


.fieldWithErrors+label {
  margin-top:0;
}


#errorExplanation {
/*	width:100%; */
	margin:10px 0 20px;
  background:#FCC;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: .25em .25em .25em 35px;
  font-size: 12px;
  background:#C66 url(../images/alert.gif) no-repeat 10px 50%;
  color: #fff;
  border-top:3px solid #900;
  border-bottom:3px solid #900;
  margin-top:0;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: .5em 1em;
  font-size:11px;
  font-weight:bold;
}

#errorExplanation ul {
	margin-left:30px;
	padding:0 0 20px;
}

#notice {
  padding:1em 5px 1em 1em;
  font-size:1.2em;
  background-color: #009800;
  color: white;
/*  background:#FFC;*/
  border-top:1px solid #000;
  border-bottom: 1px solid #000;
}